<template>
    <div class="text">{{text}}</div>    
</template>
<script>
export default {
    props: {
        text: String
    }
}
</script>
<style lang="less" scoped>
.text {
    font-family: PingFangSC-Regular;
    font-size: 20px;
    color: #FFFFFF;
    letter-spacing: 1.2px;
    font-weight: 400;
    box-sizing: border-box;
    text-align: left;
    padding-left: 28px;
    position: relative;
    &::before {
        content: " ";
        position: absolute;
        left: 10px;
        top: 28%;
        width: 8px;
        height: 8px;
        border: 1px solid #64E6E2;
        transform: rotate(45deg);
    }
}

</style>